<template lang="">
    <div>
        {{ title }} -- {{ age }} -- {{ school }} -- {{ comeFrom }}
        <span v-if="isSex">--  女</span>
    </div>
</template>
<script>
export default {
    // props: ['title','age','school']
    props: {
        /* 
            期望接收的值是一个字符串类型的,
            如果说接收到的值，不符合期望类型，
            控制台会抛出错误，但是并不影响数据的显示;
        */
        title: String,
        /* 
           期望接收的值是字符串或者数值类型的 
        */
        // age: [Number,String],
        age: {
            // type 期望的数据类型 
            type: [Number,String],
            // 默认值
            /* 
                在父组件不传递 当前值的时候，
                以默认值的形式展示在页面上
            */
            default: () => 18
        },
        school: {
            type: String,
            // 验证
            validator: function (value){
                /* 
                    如果 传进来一个没有通过验证的值
                */
                // 返回验证结果
                return value.indexOf("学院") != -1
            }
        },
        /* 
            定义 驼峰命名
            使用 可以驼峰命名，也可以连接符使用
        */
        comeFrom: {
            type: String,
            default: () => '商丘',
            // 此参数必填
            /* 
                如果不填此参数，
                会抛出错误，但是不影响正常使用
            */
            required: true
        },
        isSex: Boolean
    }
}
</script>
<style lang="">
    
</style>